<wicket:extend>
	<div wicket:id="pinnedIssues" class="pinned-issues d-flex flex-wrap">
		<div wicket:id="pinnedIssues" class="card pinned-issue flex-grow-1">
			<div wicket:id="content" class="card-body"></div>
		</div>
	</div>
	<div class="side-main side-main-wrap">
		<div wicket:id="savedQueries" class="side"></div>
		<div wicket:id="issues" class="main"></div>
	</div>
	<wicket:fragment wicket:id="pinnedIssueFrag">
		<div class="primary d-flex align-items-center flex-wrap row-gap-2 position-relative mb-3">
			<span wicket:id="numberAndTitle" class="mr-2"></span>
			<a wicket:id="copy" t:data-tippy-content="Copy issue number and title" class="copy mr-2 btn btn-icon btn-xs btn-light btn-hover-primary">
				<wicket:svg href="copy" class="icon"/>
			</a>
			<span wicket:id="progress" class="d-flex align-items-center mr-2"></span>
			<span wicket:id="links" class="links d-flex align-items-center"/>
			<a wicket:id="unpin" t:data-tippy-content="Unpin this issue" class="unpin btn btn-icon btn-xs btn-light btn-hover-primary"><wicket:svg href="unpin" class="icon flip-x"/></a>
		</div>
		<div class="secondary d-flex flex-wrap">
			<div wicket:id="fields" class="field"></div>
		</div>
		<wicket:enclosure child="linkedIssues">
			<div class="linked-issues pl-3">
				<div wicket:id="linkedIssues" class="linked-issue"><div wicket:id="content"></div></div>
			</div>
		</wicket:enclosure>
	</wicket:fragment>
	<wicket:fragment wicket:id="stateFrag">
		<div wicket:id="transit" class="state"><span wicket:id="state"></span></div>
	</wicket:fragment>
</wicket:extend>